@charset "utf-8";
.index_banner{ width:100%; float:left; height:550px;}
.banner {position: relative;margin: 0 auto;overflow: hidden; height:550px!important}
.ban_focus {margin: 0 auto;overflow: hidden;width: 100%; height:550px!important}
.ban_focus li {color:#fff;display:none;position: relative; }
.ban_focus li img{ width:100%; height:550px!important}
.ban_focus li images {
  display: none;
  width: 100%;
}
.ban_focus li.cur {display:block; }
.ban_focus li .ban_f_con {position:absolute;top:25%;left:6%; }
.ban_f_con h1 {position:relative;opacity:0;margin-top: 12px; font-family: Arial, Helvetica, sans-serif; font-style: normal;  font-size:43px;}
.ban_f_con h2 {position:relative;opacity:0; font-size:40px; font-weight:900;}
.ban_f_con h2 b { width:100%; display:block;}
.ban_f_con  h2 i { width:100px; height:2px; background:#fff; margin:20px 0px 30px; display:block;}



.ban_f_con h3 {position:relative;opacity:0;margin-top: 5px; font-size:14px; width:70%; line-height:19px; color:rgba(255,255,255,.8); font-family:Arial, Helvetica, sans-serif; text-align:center}


.ban_dot {position:absolute;left: 50%;z-index:99; margin-top:-50px;}
.ban_dot a {background: url(../images/jt_jd_off.png) no-repeat;width:17px;height:15px; float: left;margin-right:8px;}
.ban_dot a.btn_on {background: url(../images/jt_jd_on.png) no-repeat;}
.search_btn {float: left;background: url(../images/jt_search.png) no-repeat;margin-left:20px;width:23px;height:21px;margin-top:37px;}
.sub_h .search_btn {background: url(../images/sub_s.jpg) no-repeat;}
.language_sel {float:left;margin-left:39px;margin-top:37px;font-size: 12px;}
.language_sel a {color: #fff;}
.sub_h .language_sel a {color: #000;}



.pz13{  width:100%; background-image:url(../images/ab_bgbg0.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:380px!important; background-size:cover}

.pz{ width:1200px; margin:0 auto; clear:both; padding-top:10px; padding-bottom:50px;}


.pz2_con1 { width:100%; float:left;}

.pz2_con2 { width:35%; float:right;}

.sy_about { width:100%;  text-align: left; line-height:28px; font-size:15px;}
.sy_about img { width:100%; margin-bottom:20px; margin-top:30px; }


.pz1{ width:65%; float:right; padding-top:30px; line-height:30px;padding-bottom:30px;}
.pz1 a { margin-bottom:10px; width:35% !important; float:left;}
.pz1 h5{ width:100%; float:left; font-size:22px; line-height:30px; }
.pz1 a:nth-child(1){ margin-right:5%;}
.pz1 a .pz1_1{ width:70%; border-radius:5px; background:#f2991b; height:172px; color:#FFFFFF; padding:15%; float:left; margin-bottom:10px; }
.pz1_1 p{ width:100%; float:left}

.pz1 a .pz1_1 { transition:all .4s; margin:0px;}
.pz1 a:hover .pz1_1 { transform:translateY(-10px)}

.pz1 a .pz1_2 { transition:all .4s; margin:0px;}
.pz1 a:hover .pz1_2 { transform:translateY(-10px)}

.pz1 a:nth-child(2n) .pz1_1 { width:240px; border-radius:5px; background:#00479d; height:146px;  color:#FFFFFF;  padding:30px 30px 20px 30px; float:right; margin-bottom:10px;}

.pz1 a:nth-child(2n) .pz1_1 p{ width:100%; float:left}

.pz1 a:nth-child(2n) .pz1_1 .mm1{background:#fff;width:100px; text-align:center; line-height:30px; float:left; color:#4cb94e; font-size:14px;border-radius:25px; margin-top:10px;}

.pz1 a .pz1_2{ width:70%; border-radius:5px; background:#00479d; height:172px;  color:#FFFFFF;  padding:15%; float:right; margin-bottom:10px;}
.pz1_2 p{ width:100%; float:left}
.mm1{background:#fff;width:100px; text-align:center; line-height:30px; float:left; color:#f2991b; font-size:14px;border-radius:25px; margin-top:10px;}

.mm2{background:#fff;width:100px; text-align:center; line-height:30px; float:left; color:#4cb94e; font-size:14px;border-radius:25px; margin-top:10px;}




.search {width:500px; margin:0px auto 0px; background:#fff; height:46px; border:2px solid #035cac; border-radius:50px; position:relative; z-index:9999;   }
.search1 { width:382px; line-height:45px; border:none; margin-left:20px; float:left;  color:#666; font-size:16px;border-radius:50px; background:#fff;  }
.searchimg1 { width:90px; height:46px; float:right; text-align:center; background:#035cac; border:none; border-radius:50px;}





.content{ width:1250px; margin:0 auto; clear:both}

.content h3 {
    font-size:39px;
    color: #000;
    width: 100%; margin:0 auto; text-align:center; margin-bottom:50px
   
}

.content h3 span {
    font-family: Barlow-Regular;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 40px; text-align:center; color:#333
}


.content1{ width:1250px; margin:0 auto}
.yz_c{height:550px;padding-top:70px;}
.yz_c .tit{text-align: center;height: 178px;}
.yz_c .tit h2{font-size:48px;color: #1a1a1a;height:80px;line-height: 50px}
.yz_c .tit h2 img{vertical-align:bottom;}
.yz_c .tit h2 span{padding-right:77px;background: url(../images/yz_a1.png) no-repeat right bottom;}
.yz_c .tit p{font-size:18px;color: #333333;height: 32px;line-height: 32px;}
.yz_nr dl{float:left;width:24%;margin-right:1%;height: 400px;position: relative;}
.yz_nr dt{font-size:0;line-height: 0;overflow: hidden;width:100%;}
.yz_nr dt em img{width:100%;height: 245px;transition: all 0.5s}
.yz_nr dd{height:180px;border:1px solid #eaebeb;border-top:0;position: absolute;left:0;bottom:0;text-align: center;transition: all 0.5s;background: #fff;width:100%;overflow: hidden;box-sizing: border-box;}
.yz_nr dt i{position: absolute;left:110px;top:165px;z-index: 9;transition:1s}
.yz_nr dd h4{padding-top:67px;height: 133px;background: url(../images/yz_a2.png) no-repeat center bottom; margin-bottom:10px}
.yz_nr dd h4 span{display: block;height: 35px;line-height: 35px;font-size:25px;color: #1a1a1a;font-weight: bold;}
.yz_nr dd h4 em{display: block;font-size:20px;color: #1a1a1a;height: 35px;line-height:35px;font-weight:normal;}
.yz_nr dl:hover dd{text-align: left;padding-left:22px;height: 308px}
.yz_nr dl:hover dd h4{padding-top:35px;height: 95px;background-position: left bottom;}
.yz_nr dl:hover dt i{opacity: 0;transition: 0.2s}
.yz_nr dl:hover dd p{display: block;}
.yz_nr dl:hover dt em img{transform: scale(1.1)}
.yz_nr dl dd p{font-size:15px;color: #6e6e6e;line-height:25px;padding-top:0px;width:240px;display: none}
.yz_nr dl:last-child{margin:0;}







.pz2{ width:1200px; margin:auto; padding-top:30px; }
.pz2_top { width:100%; height:auto; float:left; border-bottom:1px solid rgba(0,0,0,.1);} 
.pz2 h3{ font-size:30px; color:#333; font-weight:bold; width:100%; float:left; width:50%;}
.pz2 h3 span{font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase; font-size:45px;}
.pz2 .more { width:12%; float:right; color:#333; text-align:right; margin-top:0px; font-size:16px}
.pz2 .more img{margin-top:27px;}
.pz2 ul{ width:100%; float:left; padding-top:30px;}
.pz2 ul li{ border:#00479d solid 0px; background:#ededed; float:left;  width:24%;line-height:50px;font-size:16px; text-align:center; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;color:#333!important; border-radius:5px; margin-right:20px;margin-bottom:10px; position:relative; height:50px; text-align:center; margin-right:1%;

}
.pz2 ul li:nth-child(4n) { margin-right:0px;}
.pz2 ul li a{ 
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 50px;
line-height: 50px; padding:0px 5%;  height:100%; z-index:1; position:absolute; top:0px; left:0px; text-align:center; width:90%; font-size:15px; 
}
.pz2 ul li:after{ position:absolute; left:0px; top:0px; content:" "; width:0px; background:#68ca7b; width:0%; height:100%; transition:all .4s; z-index:0;}

.pz2 ul li:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px);  border:#fff solid 0px;background:none; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; color:#fff!important;}
.pz2 ul li:hover a {  border: none; color:#fff;}
.pz2 ul li:hover:after { background:#00479d; width:100%; height:100%;   border: none;}




/*悬浮链接*/
.suspension{position:fixed;z-index:555555;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:0px;}
.suspension .d-qrcode{top:50px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}



@media all and (max-width:640px){

.index_banner{ width:100%; float:left; height:200px;}
.banner {position: relative;margin: 0 auto;overflow: hidden; height:200px!important}
.ban_focus {margin: 0 auto;overflow: hidden;width: 100%; height:200px!important}
.ban_focus li {color:#fff;display:none;position: relative; }
.ban_focus li img{ width:100%; height:200px!important}
.ban_focus li images {
  display: none;
  width: 100%;
}

.ban_f_con h1 {position:relative;opacity:0;margin-top: 0px; font-family: Arial, Helvetica, sans-serif; font-style: normal;  font-size:14px;}
.ban_f_con h2 {position:relative;opacity:0; font-size:16px; font-weight:900;}
.ban_f_con h2 b { width:100%; display:block;}
.ban_f_con  h2 i { width:100px; height:1px; background:#fff; margin:5px 0px 5px; display:block;}


.ban_dot {position:absolute;left: 50%;z-index:99; margin-top:-20px;}





.search {width:70%; margin:0px auto 0px; background:#fff; height:38px; border:1px solid #035cac; border-radius:50px; position:relative; z-index:99;   }
.search1 { width:60%; line-height:38px; border:none; margin-left:8%; float:left;  color:#666; font-size:14px;border-radius:50px; background:#fff;  }
.searchimg1 { width:25%; height:38px; float:right; text-align:center; background:#035cac; border:none; border-radius:50px;}







.pz2{ width:100%; margin:auto; padding-top:20px; padding-left:2%}
.pz2_top { width:100%; height:auto; float:left; border-bottom:1px solid rgba(0,0,0,.1);} 
.pz2 h3{ font-size:20px; color:#333; font-weight:bold; width:100%; float:left; width:50%;}
.pz2 h3 span{font-family:Barlow-Regular; font-weight:normal; text-transform:uppercase; font-size:45px;}
.pz2 .more { width:12%; float:right; color:#333; text-align:right; margin-top:0px; font-size:16px}
.pz2 .more img{margin-top:27px;}
.pz2 ul{ width:100%; float:left; padding-top:10px;}
.pz2 ul li{ border:#00479d solid 0px; background:#ededed; float:left;  width:48%;line-height:35px;font-size:14px; text-align:center; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s;color:#333!important; border-radius:5px; margin-right:2%;margin-bottom:5px; position:relative; height:35px; text-align:center; margin-right:1%;

}
.pz2 ul li:nth-child(4n) { margin-right:0px;}
.pz2 ul li a{ 
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 35px;
line-height: 35px; padding:0px 1%;  height:100%; z-index:1; position:absolute; top:0px; left:0px; text-align:center; width:90%; font-size:14px; 
}
.pz2 ul li:after{ position:absolute; left:0px; top:0px; content:" "; width:0px; background:#68ca7b; width:0%; height:100%; transition:all .4s; z-index:0;}

.pz2 ul li:hover {cursor:pointer;/* transform属性 */transform:translate(0,0px);  border:#fff solid 0px;background:none; -webkit-transition:.8s;
-moz-transition:.8s;
-o-transition:.8s; color:#fff!important;}
.pz2 ul li:hover a {  border: none; color:#fff;}
.pz2 ul li:hover:after { background:#00479d; width:100%; height:100%;   border: none;}




.content{ width:90%; margin:0 auto; clear:both}

.content h3 {
    font-size:20px;
    color: #000;
    width: 100%; margin:0 auto; text-align:center; margin-bottom:20px
   
}

.content h3 span {
    font-family: Barlow-Regular;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    line-height:20px; text-align:center; color:#333
}


.content1{ width:90%; margin:0 auto}
.yz_c{ width:100%; margin:auto; margin-top:0px; padding-bottom:20px;}
.yz_c{height:auto;padding-top:20px; }
.yz_c .tit{text-align: center;height:auto;}
.yz_c .tit h2{font-size:15px;color: #1a1a1a;height:auto;line-height:24px}
.yz_c .tit h2 img{vertical-align:bottom;}
.yz_c .tit h2 span{padding-right:77px;background: url(../images/yz_a1.png) no-repeat right bottom;}
.yz_c .tit p{font-size:18px;color: #333333;height: 32px;line-height: 32px;}
.yz_nr dl{float:left;width:24%;margin-right:1%;height:180px;position: relative; }
.yz_nr dt{font-size:0;line-height: 0;overflow: hidden;width:100%;  }
.yz_nr dt em img{width:100%;height:80px;transition: all 0.5s}
.yz_nr dd{height:90px;border:1px solid #eaebeb;border-top:0;position: absolute;left:0;bottom:0;text-align: center;transition: all 0.5s;background: #fff;width:100%;overflow: hidden;box-sizing: border-box;}
.yz_nr dt i{position: absolute;left:10%;top:0px;z-index: 9;transition:1s;display:none; }
.yz_nr dd h4{padding-top:0px;height:auto;background: url(../images/yz_a2.png) no-repeat center bottom; margin-bottom:10px; }
.yz_nr dd h4 span{display: block;height:auto;line-height:20px;font-size:14px;color: #1a1a1a;font-weight: bold;}
.yz_nr dd h4 em{display: block;font-size:12px;color: #1a1a1a;height:auto;line-height:16px;font-weight:normal;}
.yz_nr dl:hover dd{text-align: left;padding-left:22px;height: 100px}
.yz_nr dl:hover dd h4{padding-top:5px;height:auto;background-position: left bottom;}
.yz_nr dl:hover dt i{opacity: 0;transition: 0.2s}
.yz_nr dl:hover dd p{display:none; }
.yz_nr dl:hover dt em img{transform: scale(1.1)}
.yz_nr dl dd p{font-size:15px;color: #6e6e6e;line-height:25px;padding-top:0px;width:240px;display: none}
.yz_nr dl:last-child{margin:0;}





}